.map-container {
  position: relative;
  height: 100vh;
}

.controls {
  position: absolute;
  right: 48rpx;
  bottom: 80rpx;
}

.location-btn {
  width: 104rpx;
  height: 104rpx;
  border-radius: 50%;
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
}
/* 浮动按钮 */
.floating-btn {
  position: absolute;
  right: 48rpx;
  bottom: 80rpx;
  z-index: 999;
  transition: bottom 0.3s ease-in-out;
}

.floating-btn.move-up {
  bottom: 436rpx; /* 跟随卡片高度动态调整 */
}

.location-icon {
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.15);
}

/* 信息卡片抽屉 */
.info-card {
  position: fixed;
  bottom: 80rpx;
  width: 100%;
  padding:0 0 0 32rpx;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
  z-index: 998;
  
}

.slide-up {
  transform: translateY(0%);
}

.slide-down {
  transform: translateY(130%);
}

/* 横向滚动 tab */
.day-tabs {
  display: flex;
  text-align: center;
  flex-direction: row;
  margin-bottom: 16rpx;
  height: 64rpx;
}

.day-title{
  font-size: 52rpx;
  font-weight: 600;
  margin-right: 32rpx;
}
.day-tab {
  width: 64rpx;
  height: 64rpx;
  margin-right: 32rpx;
  border-radius: 50%;
  background-color: #19A47D;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26rpx;
  font-weight: bold;
}

.day-tab-text {
  // color: #000;
}

/* 横向卡片滑动 */
.card-scroll {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  background-color: #fff;
  border-radius: 36rpx 0 0 36rpx;
  box-shadow: 0 3rpx 7.8rpx 0 #00000026;
  height: 314rpx;
}

.place-card {
  min-width: 720rpx;
  background: #fff;
  border-radius: 20rpx;
  margin-right: 24rpx; 
  padding: 58rpx 48rpx 42rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  .collect-box{
    display: flex;
    align-items: center;
    border-radius: 44rpx;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    bottom: 54rpx;
    left: 126rpx;
    padding:12rpx 18rpx ;
    color: #fff;
    font-size: 24rpx;
    .collect-img{
      width: 36rpx;
      height: 36rpx;
      margin-right: 8rpx;
    }
  }
}

.place-image {
  width: 214rpx;
  height: 214rpx;
  border-radius: 48rpx;
  margin-right: 48rpx;
}

.place-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.place-title {
  font-weight: bold;
  font-size: 36rpx;
  margin-bottom: 14rpx;
  overflow: hidden;
  display: -webkit-box;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis; 
   white-space:  normal;
   -webkit-line-clamp: 2; /* 设置最大显示行数 */
  
}

.place-time{
  font-size: 24rpx;
  color: #707070;
  display: flex;
  align-items: center;
  .time-img{
    width: 28rpx;
    height: 28rpx;
    margin-right: 12rpx;
    margin-bottom: -4rpx;
  }
}
.daohang-img{
  width: 40rpx;
  height: 40rpx;
}
.place-text {
  font-size: 28rpx;
  color: #A2A2A2;
  margin-bottom: 60rpx;
  width: 340rpx;
  overflow: hidden;
display: -webkit-box;
 -webkit-box-orient: vertical;
 text-overflow: ellipsis; 
 white-space:  normal;
 -webkit-line-clamp: 1; /* 设置最大显示行数 */

}